<%--
  Created by IntelliJ IDEA.
  User: 28017
  Date: 2024/7/18
  Time: 0:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <title>图书首页dadad</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="./layui-v2.6.8/layui/css/layui.css">
    <script src="./layui-v2.6.8/layui/layui.js"></script>
    <script type="text/javascript" src="./mky/js/home.js"></script>
    <link rel="stylesheet" href="./mky/css/home.css">
</head>

<body>
<div class="header">
    <div class="address">
        <span style="line-height:35px;">送至：</span>
        <select id="provinces">
        </select>
        <select id="cities">
        </select>
    </div>
    <div class="loginregist">
        <a href='#'>登录</a>
        <a href='#' style="color:red">注册</a>
    </div>
    <div class="guide">
        <ul>
            <li>
                <span>我的订单</span>
            </li>
            <span>|</span>
            <li>
                <span>我的品优购</span>
            </li>
            <span>|</span>
            <li>
                <span>品优购会员</span>
            </li>
            <span>|</span>
            <li>
                <span>企业采购</span>
            </li>
            <span>|</span>
            <li>
                <span>关于品优购</span>
            </li>
            <span>|</span>
            <li>
                <span>客户服务</span>
            </li>
            <span>|</span>
            <li>
                <span>网站导航</span>
            </li>

        </ul>
    </div>

</div>
<div class="banner">
    <div class="logo">
        <img src="img/logo.jpg" />
    </div>
    <div class="searchbox">
        <input type="text" name="searchcontext" style="margin-left:110px;width:400px;height:35px;border-color:lightgray;border-right:0;float:left" />
        <input type="button" class="layui-btn layui-btn-warm" value="搜索" style="border-radius:0 10px 10px 0; background-color:red; float:left">
    </div>

    <!--<div class="shopcar">
        <div style="position:absolute;top:60px;right:200px">
            <input type="button" class="layui-btn layui-btn-primary layui-border-gray" value="我的购物车" />
        </div>
    </div>	-->
</div>
<div class="body">
    <div class="classes">
        <div class="text">全部商品分类</div>
        <ul>
            <li>
                <span><a href="#">服装城</a></span>
            </li>
            <li>
                <span><a href="#">美妆馆</a></span>
            </li>
            <li>
                <span><a href="#">传智超市</a></span>
            </li>
            <li>
                <span><a href="#">全球购</a></span>
            </li>
            <li>
                <span><a href="#">闪购</a></span>
            </li>
            <li>
                <span><a href="#">团购</a></span>
            </li>
            <li>
                <span><a href="#">拍卖</a></span>
            </li>
            <li>
                <span><a href="#">有趣</a></span>
            </li>
        </ul>
    </div>
    <!--<hr style="margin-top:0;" size="7" color="red">-->
    <div class="categries">
        <ul>
            <c:forEach items="${requestScope.Btype}" var="Btype">
                <li>
                    <span>
                        <a href="#">${Btype.typedes}</a>
                    </span>
                </li>
            </c:forEach>
        </ul>
    </div>
    <div class="runimage"  >
        <div class="layui-carousel" id="test1" lay-filter="test1">
            <div carousel-item="">
<%--                <div><img src="img/sunflower.jpg" /></div>--%>
                <div><img src="img/lunbo.png" /></div>
                <div><img src="img/lunbo2.png" /></div>
                <div><img src="img/lunbo3.png" /></div>
                <div><img src="img/lunbo4.png" /></div>
            </div>
        </div>
    </div>
    <div class="moreservices">
        <table border=1 bordercolor="lightgray" >
            <tr >
                <th colspan="4" >品优购快报</td>
                    <!--<td></td>
                    <td></td>
                    <td></td>-->
            </tr>
            <tr>
                <td colspan="4" style="height:140px; padding: 10px; text-align: left; vertical-align: middle;">
                    <ul>
                        <li>
                            <span>[公告]备战开学季全民半价购数码</span>
                        </li>
                        <li>
                            <span>[公告]品优稳占家电网购六成份额</span>
                        </li>
                        <li>
                            <span>[公告]百元中秋全品类礼券限领</span>
                        </li>
                        <li>
                            <span>[公告]上品优饮品总享美味口感</span>
                        </li>
                        <li>
                            <span>[公告]每日享折扣品优品质游</span>
                        </li>
                    </ul>
                </td>
                <!--<td></td>
                <td></td>
                <td></td>-->
            </tr>
            <tr>
                <td><img src="img/phone.png" height=30px width=30px;><br>花费</td>
                <td><img src="img/phone.png" height=30px width=30px;><br>机票</td>
                <td><img src="img/phone.png" height=30px width=30px;><br>电影票</td>
                <td><img src="img/phone.png" height=30px width=30px;><br>游戏</td>
            </tr>
            <tr>
                <td><img src="img/phone.png" height=30px width=30px;><br>彩票</td>
                <td><img src="img/phone.png" height=30px width=30px;><br>加油卡</td>
                <td><img src="img/phone.png" height=30px width=30px;><br>酒店</td>
                <td><img src="img/phone.png" height=30px width=30px;><br>火车票</td>
            </tr>
            <tr>
                <td><img src="img/phone.png" height=30px width=30px;><br>众筹</td>
                <td><img src="img/phone.png" height=30px width=30px;><br>理财</td>
                <td><img src="img/phone.png" height=30px width=30px;><br>礼品卡</td>
                <td><img src="img/phone.png" height=30px width=30px;><br>白条</td>
            </tr>
        </table>
    </div>
    <div class="shelves">
        <c:forEach items="${requestScope.RecBook}" var="book">
            <div class="products">
                <table class="bookTable" style="text-align: center;border-collapse: separate;border-spacing: 0px 2px;">
                    <tr >
                        <td><img  src="${book.cover}" height="130" width="160"></td>
                    </tr>
                    <tr>
                        <td>${book.title}</td>
                    </tr>
                    <tr>
                        <td class="bookprice">￥${book.price}</td>
                    </tr>
                </table>
            </div>
        </c:forEach>
        <div class="shelftitle">
            今<br><br>日<br><br>推<br><br>荐
        </div>
        <div class="nexticon" style="float:left;margin-top:70px;margin-left: 10px;">
            <img src="img/arrow-next.png">
        </div>
    </div>

</div>

</body>
</html>
